<template>
  <div class="bottom">
      <ul>
          <li v-for="(message,index) in this.newarray" :key="index">
              &nbsp;&nbsp;{{message}}&nbsp;&nbsp; |
          </li>
          <li>
              &nbsp;&nbsp;{{this.bottomMsg.message[this.bottomMsg.message.length-1]}}&nbsp;&nbsp;
          </li>
      </ul>
      <p>Copyright © 2004-2023  京东JD.com 版权所有 </p>
  </div>

</template>

<script>
export default {
    name: "BottomLogin",
    components: {
    },
    props: {

    },
    data() {
        return {
            bottomMsg:{
                message:['关于我们','联系我们','人才招聘','商家入驻','广告服务','手机京东','友情链接','销售联盟','京东社区','京东公益']
            }
        };
    },
    created() {
    },
    mounted() {
    },
    methods: {

    },
    computed:{
      newarray(){
          var arr=new Array();
          for(var i=0;i<this.bottomMsg.message.length-1;i++){
              arr[i]=this.bottomMsg.message[i];
          }
          return arr;
      }
    },
    //监听外部参数实时更新子组件内部变量
    watch: {

        immediate: true,
    },
};
</script>

<style scoped>
.bottom{
    width: 990px;
    height: auto;
    /*background-color: #b7a1a1;*/
}
.bottom ul li{
    display: inline;
}
.bottom ul li:hover{
    cursor: pointer;
    color: #E4393C;
    text-decoration: underline;
}
.bottom ul li div{
    width: 0.5px;
    height: 15px;
    background-color: #ef1c1c;
}
</style>